.loading { background: url(../img/spinner16.gif) 0 0 no-repeat; margin: 3px 0 3px 10px; padding: 1px 0 1px 24px; font-size: 12px; }
.no-results { font-size: 12px; color: #444; padding: 8px; }

/*** BUTTONS ****************************************************************************************************************************************************************/
/* <a class="button"><span class="right"></span><span class="left"></span><span class="inner">button label</span></a> */

/* LINK BUTTON - BLUE on hover */
.button { display: inline-block; cursor: default; outline: none; text-decoration:none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; }
.button .left, .button .right, .button .inner { float: left; width: 4px; height: 26px; background-position: 0 0; background-repeat: no-repeat; cursor: default; }
.button .right { float: right; }
.button .inner { width: auto; padding: 5px 6px 0; height: 21px; text-shadow: 0 -1px 1px rgba(0,0,0,0.5); background-repeat: repeat-x; }
.button .left, .button .right, .button .inner { background-image: url(../img/sprites/btn-blue-sprite.png); cursor: default; }

.button .left { background-position: 0 0; }
.button .inner { background-position: 0 -26px; }
.button .right { background-position: 0 -52px; }

.button:hover .left { background-position: 0 -78px; }
.button:hover .inner { background-position: 0 -104px; }
.button:hover .right { background-position: 0 -130px; }

.button:active .left, .expanded .button .left { background-position: 0 -156px; }
.button:active .inner, .expanded .button .inner { background-position: 0 -182px; }
.button:active .right, .expanded .button .right { background-position: 0 -208px; }

.button.no-text .inner { padding-right: 0; padding-left: 0; }
.button .text { float:left; font-size: 11px; overflow: hidden; white-space: nowrap; line-height: 15px; }
.button .icon { float:left; width: 16px; height: 16px; }
.button .expander { float:right; width: 25px; height: 20px; background: url(../img/icons/dropdown-expander.png) right top no-repeat; margin-right: -8px; margin-top: -1px; }


/* LINK BUTTON - GRAY */
.button-gray { cursor: default; outline: none; text-decoration:none; float: left; padding: 3px 10px 0; height: 17px; 
	color: #444; font-size: 11px; text-shadow: 0 1px 1px rgba(255,255,255,0.5); line-height: 15px;
	border: 1px solid #A7A7A7; background: #F0F0F0;
	background: -webkit-linear-gradient(top, #FAFAFA, #E0E0E0); background: -moz-linear-gradient(top, #FAFAFA, #E0E0E0); background: linear-gradient(top, #FAFAFA, #E0E0E0);
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 1px 0 rgba(255,255,255,.5); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 1px 0 rgba(255,255,255,.5); box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 1px 0 rgba(255,255,255,.5);
	-moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;
}
.button-gray:hover { border-color: #777; }
.button-gray:active, .dropdown.expanded .button-gray { background: #ccc; }

.button-disabled, .button-disabled:active, .button-disabled:hover { border: 1px solid #bbb; background: #eee; color: #999; cursor: default; text-shadow: none; }
.button-disabled .expander { opacity: .6; }
 

/* BLUE BUTTON (modal win) */
button { color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.4); border: none; font-size: 11px; line-height: 15px; cursor: default; padding: 3px; margin: 0 3px; min-width: 80px; background: #4595CB; 
	background: -webkit-linear-gradient(top, #4595CB, #165783); background: -moz-linear-gradient(top, #4595CB, #165783); background: linear-gradient(top, #4595CB, #165783);
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.5); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.5); box-shadow: 0 1px 0 rgba(255,255,255,.5);
}
button.btn-delete { float: left; background: #4595CB; background: -webkit-linear-gradient(top, #4595CB, #165783); background: -moz-linear-gradient(top, #4595CB, #165783); background: linear-gradient(top, #4595CB, #165783); }
button:hover { background: #00659C; }
button:active { background: #00294A; }

.btn-cancel { text-decoration: underline; color: #515151; background: none; border: none; }
.btn-cancel:hover { text-decoration: none; background: none; }
button.btn-cancel { min-width: 60px; text-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

button.disabled { background: #999; text-shadow: none; color: #ccc; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
/****************************************************************************************************************************************************************************/





/*** MENU *******************************************************************************************************************************************************************/
.menu { display: none; position: absolute; background: #fff; z-index: 700; padding: 0; overflow-x: hidden; overflow-y: auto; max-height: 600px; min-width: 120px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #999; border: 0 solid rgba(0,0,0,0); /*no border when shadow*/ 
	-webkit-background-clip: padding-box; -moz-box-shadow: 0 1px 2px 1px rgba(0,0,0,.3); -webkit-box-shadow: 0 1px 2px 1px rgba(0,0,0,.3); box-shadow: 0 1px 2px 1px rgba(0,0,0,.3);
}
.menu::-webkit-scrollbar { width: 7px; height: 7px; }
.menu::-webkit-scrollbar-thumb { background: #888; -webkit-border-radius: 6px; -webkit-background-clip: padding-box; }

.menu h2 { padding: 10px 20px 0 10px; color: #294F67; font-size: 12px; }
.menu ul { width: 100%;  padding: 5px 0; font-size: 12px; overflow-x: hidden; overflow-y: auto; }
.menu ul::-webkit-scrollbar { width: 7px; height: 7px; }
.menu ul::-webkit-scrollbar-thumb { background: #888; -webkit-border-radius: 6px; -webkit-background-clip: padding-box; }

.menu .menu-items { min-height: 30px; }
.menu li a { display: block; cursor: default; padding: 5px 20px; text-decoration: none; white-space: nowrap; color: #016CB0; line-height: 1;  }
.menu li.selected a { color: #fff; background-color: #00518C; }
.menu li a:hover, .menu li a:focus { color: #fff; background-color: #00518C; background: -webkit-linear-gradient(top, #0080BD, #004B87); background: -moz-linear-gradient(top, #0080BD, #004B87); background: linear-gradient(top, #0080BD, #004B87); }
.itouch .menu { margin-top: -2px; } 
.menu-short { height: 200px; }
.menu hr { margin: 5px 0; }

.menu .loading-error { padding: 6px 10px; font-size: 12px; display:inline-block; color: #666; }
.menu .menu-item-empty-text a, .menu .menu-item-empty-text a:hover, .menu .menu-item-empty-text a:focus { background: none; color: #888; }


/* menu keyword filter */
.menu .menu-filter { margin: 15px 10px 5px; min-width: 120px; }
.menu .menu-filter-text { padding: 3px 5px; width: 100%; border: 1px solid #ddd; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.menu .menu-filter-text:focus { border-color: #999; }
.menu .menu-filter .search-icon { background: #fff url(../img/icons/mag-close.png) 0 0 no-repeat; width: 20px; height: 20px; margin: 2px 0 0; right: 13px; position: absolute; }
.menu .menu-filter-dirty .search-icon { background-position: 0 -20px; }
.menu .menu-filter-dirty .search-icon:hover { background-position: 0 -40px; }
.menu .menu-filter-dirty .search-icon:active { margin-top: 3px; }


/* multiselect */
.multiselect li a { padding-left: 10px; }
.multiselect li.selected a { color: #016CB0; background-color: transparent; background-color: none; }
.multiselect .menu-select { border-bottom: 1px solid #ebebeb; }
.multiselect .menu-apply { border-top: 1px solid #ebebeb; }
.multiselect li .menu-item-icon { width: 13px; height: 13px; float: left; margin-right: 10px; }
/* not checked 			*/ .multiselect .menu-item .menu-item-icon, .multiselect .menu-item-all .menu-item-icon { background: url(../img/icons/checkbox.png) 0 0 no-repeat; margin-top: -1px; }
/* not checked -hover	*/ .multiselect .menu-item a:hover .menu-item-icon, .multiselect .menu-item-all a:hover .menu-item-icon { background: url(../img/icons/checkbox.png) 0 -13px no-repeat; margin-top: -1px; }
/* checked				*/ .multiselect li .menu-item-checked .menu-item-icon, .all-items-selected .menu-item-all .menu-item-icon, .all-items-selected .menu-item .menu-item-icon { opacity: 1; background-position: 0 -52px; }
/* checked - hover		*/ .multiselect li a.menu-item-checked:hover .menu-item-icon, .all-items-selected .menu-item-all a:hover .menu-item-icon, .all-items-selected .menu-item a:hover .menu-item-icon { opacity: 1; background-position: 0 -65px; }
/* multiple 			*/ .multiple-items-selected .menu-item-all .menu-item-icon { background-position: 0 -26px; }
/* multiple - hover 	*/ .multiple-items-selected .menu-item-all a:hover .menu-item-icon { background-position: 0 -39px; }
/* fade-out text when "all items selected"			*/ .all-items-selected .menu-item a { color: #999; }
/* fade-out checkbox icon when "all items selected"	*/ .all-items-selected .menu-item a .menu-item-icon { opacity: .3; }
/* unfade on hover		*/ .all-items-selected .menu-item a:hover .menu-item-icon, .multiselect li a.menu-item-checked:hover .menu-item-icon { opacity: 1; }
/*** MENU *******************************************************************************************************************************************************************/




/*** DROPDOWN ***************************************************************************************************************************************************************/
.dropdown { position: relative; float: left; cursor: default; }
.dropdown>a { text-decoration: none; cursor: default; } 
.dropdown-right { float:right; }
.dropdown-disabled .button, .dropdown-disabled .button:active, .dropdown-disabled .button:hover { border: 1px solid #bbb; background: #eee; color: #999; }
.dropdown-disabled .button .expander { opacity: .6; }
.ui-datepicker { font-size: 0.8em; }
/*** DROPDOWN ***************************************************************************************************************************************************************/




/*** Colorpicker ************************************************************************************************************************************************************/
.colorpicker { display: inline-block; }
.colorpicker li { display: inline-block; cursor: default; width: 18px; height: 18px; margin: 3px 3px 3px 1px; border: 1px solid #A7A7A7;
	background-image: url(../img/btn-gradient.png); background-position: 0 -3px; background-repeat: repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset, 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset, 0 1px 0 rgba(255, 255, 255, 0.5); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset, 0 1px 0 rgba(255, 255, 255, 0.5); 
}
.colorpicker li input { display: none; }
.colorpicker li:hover { border-color: #777; }
.colorpicker li:active { background-image: none; }
.colorpicker li.selected { margin: 2px 2px 2px 0; border: 2px solid #666; }

.colorpicker li.b5d4ee { background-color: #b5d4ee; }
.colorpicker li.acefe7 { background-color: #acefe7; }
.colorpicker li.b0acef { background-color: #b0acef; }
.colorpicker li.eface5 { background-color: #eface5; }
.colorpicker li.f1e3aa { background-color: #f1e3aa; }
/****************************************************************************************************************************************************************************/







/*** TOOLTIP ****************************************************************************************************************************************************************/
.tooltip { position: absolute; z-index: 999; min-width: 40px; white-space: nowrap; cursor: default; left: -1000; top: -1000; 
	padding: 5px 10px; font: bold 12px helvetica, tahoma, sans-serif; text-align: center; background: #333; color: #fff; 
	background: -webkit-linear-gradient(top,rgba(30,30,30,.9),rgba(0,0,0,0.9));
	background: -moz-linear-gradient(top,rgba(30,30,30,.9),rgba(0,0,0,0.9));
	background: linear-gradient(top,rgba(30,30,30,.9),rgba(0,0,0,0.9));
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	-moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}
.tooltip:before { content: ''; display: block; position: absolute; width: 0; height: 0; border: 7px solid transparent; }

/* tooltip above target, tip arrow down */
.tooltip-t:before	{ border-top-color: rgba(0,0,0,.9); border-bottom-width: 0; bottom: -7px; margin-left: -7px; left: 50%; }
.tooltip-tl:before	{ left: 7px; margin: 0; }
.tooltip-tr:before	{ left: auto; margin: 0; right: 7px; }

/* tooltip below target, tip arrow up */
.tooltip-b:before	{ border-bottom-color: rgba(34,34,34,.9); border-top-width: 0; top: -7px; margin-left: -7px; left: 50%; }
.tooltip-bl:before	{ left: 7px; margin: 0; }
.tooltip-br:before	{ left: auto; margin: 0; right: 7px; }

/* tooltip to the right of the target, tip arrow left */
.tooltip-r:before	{ border-right-color: rgba(20,20,20,.9); border-left-width: 0; left: -7px; margin-top: -7px; top: 50%; }
.tooltip-rt:before	{ border-right-color: rgba(31,31,31,.9); margin: 0; top: 7px; }
.tooltip-rb:before	{ border-right-color: rgba(10,10,10,.9); margin: 0; top: auto; bottom: 7px; }

/* tooltip to the left of the target, tip arrow right */
.tooltip-l:before	{ border-left-color: rgba(20,20,20,.9); border-right-width: 0; right: -7px; margin-top: -7px; top: 50%; }
.tooltip-lt:before	{ border-left-color: rgba(31,31,31,.9); margin: 0; top: 7px; }
.tooltip-lb:before	{ border-left-color: rgba(10,10,10,.9); margin: 0; top: auto; bottom: 7px; }
/****************************************************************************************************************************************************************************/






/*** MASK *******************************************************************************************************************************************************************/
.loadmask { z-index: 500; position: absolute; top:0; left:0; opacity: .7; background-color: #000; width: 100%; height: 100%; }
.loadmask-msg { z-index: 20001; position: absolute; padding:10px; margin: 0 auto; display: inline-block; border: 1px solid #ddd; background: #191919;
	-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -webkit-background-clip: padding-box;
	-moz-box-shadow: 0 2px 10px 0px #000; -webkit-box-shadow: 0 2px 10px 0px #000; box-shadow: 0 2px 10px 0px #000;
}
.loadmask-msg div { padding: 62px 5px 0px; color:#fff; cursor:wait; font: normal 13px Tahoma, helvetica, sans-serif;  text-shadow: 1px 1px 0 #000; background: url('../img/loading.gif') no-repeat center 5px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.masked { overflow: hidden !important; }
.masked-relative { position: relative !important; }
.masked-hidden { visibility: hidden !important; }

/* white version */
.loadmask-msg { display: inline-block; margin: 0 auto; padding: 7px 7px 6px; position: absolute; z-index: 20001; border-radius: 2px; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.7); background: #eee; background: -moz-linear-gradient(top, #fff, #eee, #ccc); background: -webkit-linear-gradient(top, #fff, #eee, #ccc); background: linear-gradient(top, #fff, #eee, #ccc); }
.loadmask-msg div { color: #555; cursor: wait; font: bold 14px helvetica,arial,sans-serif; padding: 8px 8px 7px 43px; text-shadow: 1px 1px 0 #FFF; border-radius: 3px; background: url("../img/spinner32.gif") no-repeat scroll 0 0 transparent; }


/* disable form when loading */
.window .loadmask { opacity: .8; background-color: #ccc; border-radius: 0 0 6px 6px; }
.window .loadmask-msg { padding: 9px 11px 7px 8px; border: 1px solid #888; border-radius: 8px; box-shadow: 0 1px 10px 2px rgba(0, 0, 0, .2); }
.window .loadmask-msg div { background: url('../img/spinner16.gif') no-repeat 0 1px; padding: 2px 0 0 22px; color: #666; font-size: 12px; font-weight: normal; text-shadow: none; min-height: 17px; }
/****************************************************************************************************************************************************************************/




/*** WINDOW *****************************************************************************************************************************************************************/
.window-mask { position: fixed; top:0; bottom:0; left: 0; right: 0; background: #000; opacity:0; z-index: 500; }
.window { position: absolute; opacity:0; z-index: 501;
	-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
	-moz-box-shadow: 0 1px 20px 5px rgba(0,0,0,.6); -webkit-box-shadow: 0 1px 20px 5px rgba(0,0,0,.6); box-shadow: 0 1px 20px 5px rgba(0,0,0,.6);
}
.window .window-closer { float: right; margin: 6px 6px 0 0; }
.window .window-closer .icon-close-window { background: url(../img/icons/window-closer.png) 0 0 no-repeat; }
.window .window-title { color:#FFF; font-size: 14px; font-weight:bold; padding: 11px 0 10px 14px; cursor: move; text-shadow: 0 -1px 1px #000; margin-bottom: -1px; background: #00518C;   	
	background: -webkit-linear-gradient(top, #0080BD, #004B87); background: -moz-linear-gradient(top, #0080BD, #004B87); background: linear-gradient(top, #0080BD, #004B87);
	-moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; 
}
.window .window-content { min-width: 230px; max-width: 1000px; padding: 15px; background: #E1E2E7; border: 1px solid rgba(0,0,0,0.6); border-top: 0; -moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; }
.window .window-content p { padding: 5px; }
.window .window-content .buttons { margin: 10px -13px -10px; clear: both; overflow: hidden; padding: 7px 10px; text-align: right; -moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; }
/****************************************************************************************************************************************************************************/



/*** Generic modal content form *********************************************************************************************************************************************/
.modal-window-content h3 { margin-bottom: 5px; color: #444; text-shadow: 0 1px 1px #fff; }
.modal-window-content h4 { margin-bottom: 5px; color: #444; font-size: 12px; font-weight: bold; }
.modal-window-content h4 b { color: #005F9A; font-weight: bold; }
.modal-window-content input { display: inline-block; width: 292px; clear: both; padding: 2px 3px; margin-bottom: 20px; border: 1px solid #A7A8AB; }
.modal-window-content label { display: inline-block; font-size: 13px; padding: 3px 0; }
.modal-window-content textarea { font-size: 13px; padding: 3px 0; width: 298px; border: 1px solid #A7A8AB; }
.modal-window-content hr { border-width: 1px 0 0; border-color: #C2C4C7; }
.modal-window-content p { font-size: 11px; color: #616161; }
.modal-window-content p a { color: #2E4384; text-decoration: underline;}
.modal-window-content p a:hover { text-decoration: none; }
.modal-window-content .datepicker,
.modal-window-content .weekpicker { float: right; }
.modal-window-content .dropdown .button .text { width: 110px; }
.modal-window-content .row { clear: both; padding: 2px 0; width: 300px; }
.modal-window-content .row input[type=checkbox] { width: 15px; float: right; }
.modal-window-content .info { width: auto; font-size: 12px; clear: both; margin-top: 15px; }

.modal-window-content input:focus, .modal-window-content textarea:focus { border-color: #666; }


.modal-window-content .fieldset { border: 1px solid #A7A8AB; background: #fff; padding: 20px 10px 10px 40px; margin: 5px; }
.modal-window-content .fieldset label {display: block; clear: both; margin-bottom: 10px; color: #2E4987; font-weight: bold; }
.modal-window-content .fieldset label input { width: 20px; margin: 0 5px 0 0; vertical-align: text-top; }
.modal-window-content .fieldset .long-label { padding-left:25px; text-indent: -25px; }
/****************************************************************************************************************************************************************************/






/*** TOASTER MSG BOXES ******************************************************************************************************************************************************/
#toaster { z-index: 9999; top: 5px; left: 25%; right: 25%; position: absolute; position: fixed; }
#toaster .toast { color:#FFF; font: bold 10pt Tahoma, Helvetica, sans-serif; overflow:hidden; margin: 0 auto 5px; position: relative; border-style: solid; border-width: 1px; border-color: #7ED675 #72D36A #67C75E; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 2px 7px 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 2px 7px 3px rgba(0, 0, 0, 0.3); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 2px 7px 3px rgba(0, 0, 0, 0.3); }
#toaster .toast .toast-closer { position: absolute; right: 8px; top: 8px; height:16px; width:16px; cursor:default; background:url(../img/icons/toaster-closer.png) 0 0 no-repeat; }
#toaster .toast .toast-content { padding: 7px 30px 10px; display: block; background: url(../img/icons/toaster-alert.png) 7px 9px no-repeat; word-wrap: break-word; text-shadow: 0 -1px 0 rgba(0,0,0,0.9); line-height: 1.4; }
#toaster .toast-error { background: #B82906; border-color: #E8706C #E4524C #D53007; background: -webkit-linear-gradient(top,#D53007,#A32505); background: -moz-linear-gradient(top,#D53007,#A32505); background: linear-gradient(top,#D53007,#A32505); }
#toaster .toast-alert { background: #CC6A29; border-color: #D7924F #D05B0D #DE7A38; background: -webkit-linear-gradient(top,#E07731,#A54302); background: -moz-linear-gradient(top,#E07731,#A54302); background: linear-gradient(top,#E07731,#A54302); }
#toaster .toast-info,.toast-success { background: #3B9133; border-color: #7ED675 #72D36A #67C75E; background: -webkit-linear-gradient(top,#59AF51,#318D29); background: -moz-linear-gradient(top,#59AF51,#318D29); background: linear-gradient(top,#59AF51,#318D29); }
/****************************************************************************************************************************************************************************/





/*** iPhone on/off toggle ***************************************************************************************************************************************************/
.iToggle { height: 23px; position: relative; width: 65px; cursor: pointer; overflow: hidden; user-select: none; -moz-user-select: none; -khtml-user-select: none;}
.iToggle input { position: absolute; top: 5px; left: 30px; visibility: hidden; opacity: 0; }
.iToggle label { position: absolute; height: 21px; width: auto; top: 0; padding-top: 2px; cursor: pointer; display: block; white-space: nowrap; overflow: hidden; font: bold 12px/20px "Helvetica Neue", Arial, Helvetica, sans-serif; }
.iToggle .iToggleLabelOn { color: #fff  !important; left: 0; text-shadow: 0 0 2px rgba(0,0,0,.6); background: url('../img/iphone-style-checkboxes/on.png') no-repeat; }
.iToggle .iToggleLabelOn span { padding-left: 14px; }
.iToggle .iToggleLabelOff { color: #8b8b8b !important; text-align: right; right: 0; text-shadow: 0 0 2px rgba(255,255,255,.6); background: url('../img/iphone-style-checkboxes/off.png') no-repeat right 0; }
.iToggle .iToggleLabelOff span { padding-right: 17px; }
.iToggle .iToggleHandle { height: 23px; display: block; width: 22px; cursor: pointer; position: absolute; top: 0; left: 0; background: url('../img/iphone-style-checkboxes/slider.png') no-repeat; }
.iToggleDisabled { opacity: .5; }
/****************************************************************************************************************************************************************************/




/*** PAGINATION *************************************************************************************************************************************************************/
.pagination { height: 22px; padding: 6px 10px 0; position: absolute; bottom: 0; width: 100%; z-index: 100; border-bottom: 1px solid #999; background: url(../img/pagination2-bg.png) left top repeat-x; box-shadow: 0 -2px 2px rgba(0,0,0,.1); }
.pagination .from, .pagination .to, .pagination .total, .pagination .total-pages { min-width: 11px; text-align: center; color: #0376BF; }
.pagination .txt, .pagination .separator, .pagination em, .pagination b, .pagination .lnk { 
	float: left; margin: 0 4px; padding: 2px 7px; font-size: 11px; color: #666; text-shadow: 0 1px 0px #fff; font-weight: bold; font-family: inherit; cursor: default; 
	-moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; 
}
.pagination em { border: 1px solid #888; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; outline: none;}
.pagination .lnk { color: #0376BF; text-decoration: none; cursor: pointer; }
.pagination .lnk:hover { text-decoration: underline; }
.pagination .lnk.disabled { color: #999; cursor: default; }
.pagination .lnk.disabled:hover { color: #999; text-decoration: none; }
.pagination .dropdown { margin: -2px 0 0; } 
.pagination .button .expander { width: 20px; } 
/****************************************************************************************************************************************************************************/





/*** Context Menu ***********************************************************************************************************************************************************/
.context-menu { border-collapse: collapse; position: absolute; z-index: 999; }
.context-menu .tl, .context-menu .tr, .context-menu .bl, .context-menu .br { background: url(../img/context-menu/bg-corners-sprite.png) 0 0 no-repeat; width: 35px; height: 35px; }
.context-menu .tr { background-position: -35px 0; }
.context-menu .bl { background-position: -70px 0; }
.context-menu .br { background-position: -105px 0; }
.context-menu .t, .context-menu .b { background: url(../img/context-menu/bg-rep-vert.png) 0 0 repeat-x; height: 35px; text-align: center; }
.context-menu .b { background-position: 0 -35px; }
.context-menu .l, .context-menu .r { background: url(../img/context-menu/bg-rep-horz.png) 0 0 repeat-y; width: 35px; }
.context-menu .r { background-position: -35px 0; }
.context-menu .tip { background: url(../img/context-menu/bg-arrows-sprite.png) 0 0 repeat-y; width: 30px; height: 15px; margin: auto; }
.context-menu .ttip { margin-top: -8px; }
.context-menu .btip { background-position: 0 -15px; margin-top: 12px; display: none; }
.context-menu-up .ttip { display: none; }
.context-menu-up .btip { display: block; }
.context-menu .content { background: #F2F2F2; font-size: 12px; }
.context-menu .content .context-menu-list { margin: -12px -19px -14px; }
.context-menu .content li a { text-decoration: none; padding: 2px 12px 2px 8px; display: block; color: #3F3F3F; position: relative; white-space: nowrap; }
.context-menu .content li a:hover { background-color: #00518C; color: #fff; background: -webkit-linear-gradient(top, #0080BD, #004B87); background: -moz-linear-gradient(top, #0080BD, #004B87); background: linear-gradient(top, #0080BD, #004B87); }
.context-menu .separator { width: 100%; height: 0; margin: 3px auto; border-top: 1px solid #fff; border-bottom: 1px solid #D6D6D6; padding: 0; position: relative; }
.context-menu .iconmenu .menu-icon { width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin: -5px 5px -3px 0; background: url(../img/context-menu/icon-sprites.png) 0 center no-repeat; }
.context-menu .iconmenu .icon-radio { background-position: 0 -60px; }
.context-menu .iconmenu .menu-item:hover .icon-radio { background-position: -40px -60px; }
.context-menu .iconmenu .menu-item-active .icon-radio { background-position: -20px -60px !important; }

.context-menu .iconmenu .icon-det { background-position: 0 0; }
.context-menu .iconmenu .icon-res { background-position: 0 -20px; }
.context-menu .iconmenu .icon-mil { background-position: 0 -40px; }
.context-menu .iconmenu .icon-del { background-position: 0 -80px; }
.context-menu .iconmenu .icon-close { background-position: 0 -100px; }
.context-menu .iconmenu .icon-flat { background-position: 0 -120px; }
.context-menu .iconmenu .icon-ungroup { background-position: 0 -140px; }
.context-menu .iconmenu .icon-edit-details { background-position: 0 -160px; }
.context-menu .iconmenu .icon-add-to-group { background-position: 0 -200px; }
.context-menu .iconmenu .icon-remove-from-group { background-position: 0 -220px; }

.context-menu .iconmenu .menu-item:hover .icon-det { background-position: -20px 0; }
.context-menu .iconmenu .menu-item:hover .icon-res { background-position: -20px -20px; }
.context-menu .iconmenu .menu-item:hover .icon-mil { background-position: -20px -40px; }
.context-menu .iconmenu .menu-item:hover .icon-del { background-position: -20px -80px; }
.context-menu .iconmenu .menu-item:hover .icon-close { background-position: -20px -100px; }
.context-menu .iconmenu .menu-item:hover .icon-flat { background-position: -20px -120px; }
.context-menu .iconmenu .menu-item:hover .icon-ungroup { background-position: -20px -140px; }
.context-menu .iconmenu .menu-item:hover .icon-edit-details { background-position: -20px -160px; }
.context-menu .iconmenu .menu-item:hover .icon-add-to-group { background-position: -20px -200px; }
.context-menu .iconmenu .menu-item:hover .icon-remove-from-group { background-position: -20px -220px; }



/* criticality menu */
.context-menu .criticality-stars { width: 91px; overflow: hidden; margin: -8px -10px; }
.context-menu .criticality-stars ul { width: 91px; height: 20px; overflow: hidden; background: url(../img/icons/stars.png) 0 0 repeat-x; position: relative; } 
.context-menu .criticality-stars li { float: left; width: 18px; height: 20px; cursor: pointer; }
.context-menu .criticality-stars.stars1 ul { background-position: 0 -20px; }
.context-menu .criticality-stars.stars2 ul { background-position: 0 -40px; }
.context-menu .criticality-stars.stars3 ul { background-position: 0 -60px; }
.context-menu .criticality-stars.stars4 ul { background-position: 0 -80px; }
.context-menu .criticality-stars.stars5 ul { background-position: 0 -100px; }
.context-menu .criticality-stars .label { display: block; width: 100%; color: #3F3F3F; text-align: center; padding-bottom: 7px; }

.criticality-menu li a { padding-right: 20px; width: 122px; }
.criticality-menu .criticality-stars { float: right; width: 58px; height: 16px; background: url(../img/list-stars.png) 0 0 no-repeat; margin: -4px 0 0 15px; }
.criticality-menu .criticality1 { background-position: 0 -23px; }
.criticality-menu .criticality2 { background-position: 0 -43px; }
.criticality-menu .criticality3 { background-position: 0 -63px; }
.criticality-menu .criticality4 { background-position: 0 -83px; }
.criticality-menu .criticality5 { background-position: 0 -103px; }
/****************************************************************************************************************************************************************************/
